﻿.ui-checkBox
{
	background-image: url('../../../../../Images/GScript/UI/Themes/Default/CheckBox.png');
}

/* X:
   Unchecked	 8
   Checked		 -5
   Indeterminate -18

   Y:
   Enabled   8		11
   Disable	-5		-2
   Hover	-18		-15
*/

.ui-checkBox.ui-state-hover
{
	background-position: 0px -26px;
}

.ui-checkBox.ui-state-disabled,
.ui-checkBox.ui-state-disabled.ui-state-hover
{
	background-position: 0px -13px;
}

.ui-checkBox.ui-icon-check
{
	background-position: -13px 0px;
}
.ui-checkBox.ui-state-hover.ui-icon-check
{
	background-position: -13px -26px;
}
.ui-checkBox.ui-state-disabled.ui-icon-check,
.ui-checkBox.ui-state-disabled.ui-state-hover.ui-icon-check
{
	background-position: -13px -13px;
}

.ui-checkBox.ui-icon-indeterminate
{
	background-position: -26px 0px;
}
.ui-checkBox.ui-state-hover.ui-icon-indeterminate
{
	background-position: -26px -26px;
}
.ui-checkBox.ui-state-disabled.ui-icon-indeterminate,
.ui-checkBox.ui-state-disabled.ui-state-hover.ui-icon-indeterminate
{
	background-position: -26px -13px;
}

/* If you don't need to support firefox you can use the following instead.
a.checkBox.checked			{ background-position-x: -13px; }
a.checkBox.indeterminate	{ background-position-x: -26px; }
a.checkBox:hover			{ background-position-y: -26px; }
a.checkBox.disabled			{ background-position-y: -13px; }
*/
